<template>
  <div class="chat">
    <!-- 好友列表 -->
    <session-list :sessionList="sessionList"></session-list>
    <chat-window class="chat-window"></chat-window>
  </div>
</template>

<script>
import ChatWindow from '@/components/chatWindow/ChatWindow.vue'
import SessionList from '@/components/SessionList.vue'

export default {
  components: { ChatWindow, SessionList },
  name: 'chat-page',
  data () {
    return {
      sessionList: []
    }
  },
  created () {

  },
  methods: {

  }
}
</script>

<style scoped>
.chat {
  display: flex;
  width: 100%;
}

.chat-window {
  flex: 1;
}
</style>